/**
 * 公共scss样式
 */

// 定义变量
$color_3D42DF: #3D42DF;
$color_FF754C: #FF754C;
$color_F8F8F8: #F8F8F8;
$color_FFFFFF: #FFFFFF;
$color_999999: #999999;
$color_666666: #666666;
$color_4D4D4D: #4D4D4D;
$color_FDE9CF: #FDE9CF;
$color_DFAF7E: #DFAF7E;
$color_E8B88B: #E8B88B;
$color_FCE5C8: #FCE5C8;
$color_333333: #333333;
$color_000000: #000000;
$color_00C0B3: #00C0B3;
$color_CCCCCC: #CCCCCC;
$color_009389: #009389;
$color_F5F5F5: #F5F5F5;
$color_D9D9D9: #D9D9D9;
$color_FF0000: #FF0000;
$color_E5F8F7: #E5F8F7;
$color_FFEBEB: #FFEBEB;
$color_75D8D1: #75D8D1;
$color_F0F5F9: #F0F5F9;
$color_F2F2F2: #F2F2F2;
$color_F4F7F9: #F4F7F9;
$color_636569: #636569;
$color_FF770F: #FF770F;
$color_FFBE15: #FFBE15;
$color_FFA115: #FFA115;
$color_F6F6F6: #F6F6F6;
$color_F7F7F7: #F7F7F7;
$color_EEEEEE: #EEEEEE;
$color_F7F8FA: #F7F8FA;
$color_E3E3E3: #E3E3E3;
$color_A0E7E2: #A0E7E2;
$color_AAAAAA: #AAAAAA;
$color_D6D6D6: #D6D6D6;
$color_F9F9F9: #F9F9F9;
$color_EAEBEC: #EAEBEC;
$color_777777: #777777;
$color_7F7F7F: #7F7F7F;
$color_DBA871: #DBA871;
$color_868686: #868686;
$color_70B309: #70B309;
$color_A9A9A9: #A9A9A9;
$color_FFFF80: #FFFF80;
$color_B8741A: #B8741A;
$color_D7D7D7: #D7D7D7;

/******************** 字体色 ****************/
.uy-color-ffffff, .uy-color-FFFFFF {
	color: $color_FFFFFF;
}

.uy-color-999999 {
	color: $color_999999;
}

.uy-color-666666 {
	color: $color_666666 !important;
}

.uy-color-4D4D4D {
	color: $color_4D4D4D;
}

.uy-color-FCE5C8 {
	color: $color_FCE5C8 !important;
}

.uy-color-E8B88B {
	color: $color_E8B88B;
}

.uy-color-009389 {
	color: $color_009389
}

.uy-color-00C0B3 {
	color: $color_00C0B3;
}

.uy-color-FF0000 {
	color: $color_FF0000;
}

.uy-color-636569 {
	color: $color_636569;
}

.uy-color-333333 {
	color: $color_333333;
}

.uy-color-FF770F {
	color: $color_FF770F;
}

.uy-color-AAAAAA {
	color: $color_AAAAAA;
}

.uy-color-7F7F7F {
	color: $color_7F7F7F;
}

.uy-color-777777 {
	color: $color_777777;
}

.uy-color-DBA871 {
	color: $color_DBA871;
}

.uy-color-000000 {
	color: $color_000000;
}

.uy-color-868686 {
	color: $color_868686;
}

.uy-color-70B309 {
	color: $color_70B309;
}

.uy-color-A9A9A9 {
	color: $color_A9A9A9;
}

.uy-color-D7D7D7 {
	color: $color_D7D7D7;
}

.uy-color-FFA115 {
	color: $color_FFA115;
}

/******************** 背景色 ****************/
.uy-bg-ffffff, .uy-bg-FFFFFF {
	background-color: $color_FFFFFF;
}

.uy-bg-ff754c, .uy-bg-FF754C {
	background-color: $color_FF754C;
}

.uy-bg-333333 {
	background-color: $color_333333;
}

.uy-bg-000000 {
	background-color: $color_000000;
}

.uy-bg-4D4D4D {
	background-color: $color_4D4D4D;
}

.uy-bg-E8B88B {
	background-color: $color_E8B88B;
}

.uy-bg-FCE5C8 {
	background-color: $color_FCE5C8;
}

.uy-bg-F5F5F5 {
	background-color: $color_F5F5F5;
}

.uy-bg-E5F8F7 {
	background-color: $color_E5F8F7;
}

.uy-bg-CCCCCC {
	background-color: $color_CCCCCC;
}

.uy-bg-00C0B3 {
	background-color: $color_00C0B3;
}

.uy-bg-FFEBEB {
	background-color: $color_FFEBEB;
}

.uy-bg-F2F2F2 {
	background-color: $color_F2F2F2;
}

.uy-bg-F4F7F9 {
	background-color: $color_F4F7F9;
}

.uy-bg-FFBE15 {
	background-color: $color_FFBE15;
}

.uy-bg-FFA115 {
	background-color: $color_FFA115;
}

.uy-bg-F6F6F6 {
	background-color: $color_F6F6F6;
}

.uy-bg-F7F7F7 {
	background-color: $color_F7F7F7;
}

.uy-bg-D9D9D9 {
	background-color: $color_D9D9D9;
}

.uy-bg-F7F8FA {
	background-color: $color_F7F8FA;
}

.uy-bg-F8F8F8 {
	background-color: $color_F8F8F8;
}

.uy-bg-D6D6D6 {
	background-color: $color_D6D6D6;
}

.uy-bg-F9F9F9 {
	background-color: $color_F9F9F9;
}

.uy-bg-EAEBEC {
	background-color: $color_EAEBEC;
}

.uy-bg-DBA871 {
	background-color: $color_DBA871;
}

.uy-bg-FFFF80 {
	background-color: $color_FFFF80;
}

.uy-bg-B8741A {
	background-color: $color_B8741A;
}

// 渐变色
.uy-bg-3d-f8 {
	background: linear-gradient(to bottom, rgba($color: $color_3D42DF, $alpha: .5), $color_F8F8F8);
}

.uy-bg-ff-de {
	background: linear-gradient(to bottom, $color_FDE9CF, $color_DFAF7E);
}

.uy-bg-03-02 {
	background: linear-gradient(to bottom, rgba($color: $color_00C0B3, $alpha: .2), rgba($color: $color_00C0B3, $alpha: 0));
}

.uy-bg-03-12 {
	background: linear-gradient(to bottom, $color_00C0B3, rgba($color: $color_00C0B3, $alpha: .93), rgba($color: $color_00C0B3, $alpha: 0));
}

.uy-bg-cc-cc {
	background: linear-gradient(90deg, rgba($color: $color_CCCCCC, $alpha: 0) 20%, $color_CCCCCC 100%);
}

.uy-bg-ff-ff {
	background: linear-gradient(90deg, rgba($color: $color_FF770F, $alpha: 0) 20%, $color_FF770F 100%);
}

.uy-bg-A2-FF {
	background: linear-gradient(to bottom, $color_A0E7E2, $color_FFFFFF);
}

// 透明色
@for $i from 0 through 10 {
	.uy-bg-3D42DF-#{$i} {
		background-color: rgba($color: $color_3D42DF, $alpha: $i/10);
	}
}

@for $i from 0 through 10 {
	.uy-bg-FF754C-#{$i} {
		background-color: rgba($color: $color_FF754C, $alpha: $i/10);
	}
}

@for $i from 0 through 10 {
	.uy-bg-FFFFFF-#{$i} {
		background-color: rgba($color: $color_FFFFFF, $alpha: $i/10);
	}
}

@for $i from 0 through 10 {
	.uy-bg-00C0B3-#{$i} {
		background-color: rgba($color: $color_00C0B3, $alpha: $i/10);
	}
}

@for $i from 0 through 10 {
	.uy-bg-000000-#{$i} {
		background-color: rgba($color: $color_000000, $alpha: $i/10);
	}
}

@for $i from 0 through 10 {
	.uy-bg-75D8D1-#{$i} {
		background-color: rgba($color: $color_75D8D1, $alpha: $i/10);
	}
}

@for $i from 0 through 10 {
	.uy-bg-70B309-#{$i} {
		background-color: rgba($color: $color_70B309, $alpha: $i/10);
	}
}

/******************** 边框 border ****************/
.uy-br-666666, .uy-border-666666 {
	border: 1rpx solid $color_666666;
}

.uy-br-E8B88B, .uy-border-E8B88B {
	border: 1rpx solid $color_E8B88B;
}

.uy-br-FF754C {
	border: 1rpx solid $color_FF754C;
}

.uy-br-999999 {
	border: 1rpx solid $color_999999 !important;
}

.uy-br-999999-d {
	border: 1rpx dashed $color_999999 !important;
}

.uy-br-E8B88B {
	border: 1rpx solid $color_E8B88B;
}

.uy-br-4D4D4D {
	border: 1rpx solid $color_4D4D4D;
}

.uy-br-D9D9D9 {
	border: 2rpx dashed $color_D9D9D9;
}

.uy-br-FFFFFF {
	border: 1rpx solid $color_FFFFFF;
}

.uy-br-CCCCCC {
	border: 1rpx solid $color_CCCCCC;
}

.uy-br-00C0B3 {
	border: 1rpx solid $color_00C0B3;
}

.uy-br-F5F5F5 {
	border: 1rpx solid $color_F5F5F5;
}

.uy-br-F0F5F9 {
	border: 1rpx solid $color_F0F5F9;
}

.uy-br-E3E3E3 {
	border: 1rpx solid $color_E3E3E3;
}

.uy-br-F2F2F2-l {
	border-left: 1px solid $color_F2F2F2;
}

.uy-br-DBA871 {
	border: 1px solid $color_DBA871;
}

.uy-br-7F7F7F {
	border: 1px solid $color_7F7F7F;
}

/******************** 底部边框 border-bottom ****************/
.uy-br-b-333333 {
	border-bottom: 1rpx solid $color_333333;
}

.uy-br-b-F5F5F5 {
	border-bottom: 2rpx solid $color_F5F5F5;
}

.uy-br-b-EEEEEE {
	border-bottom: 1rpx solid $color_EEEEEE;
}

.uy-br-b-00C0B3 {
	border-bottom: 1rpx solid $color_00C0B3;
}

.uy-br-b-F2F2F2 {
	border-bottom: 1px solid $color_F2F2F2;
}

/******************** 阴影 ****************/
.uy-bs-000000 {
	box-shadow: 0 0 8px 1rpx rgba($color: $color_000000, $alpha: .1);
}

/* ------------------------------------------------- 共用 -----------------------------------------*/

/* #ifndef APP-NVUE */
.uy-ceiling {
	/* 吸顶效果 */
	position: -webkit-sticky;
	position: sticky;
	top: var(--window-top);
	z-index: 9;
}
/* #endif */

.uy-flip-vertical {
	/* 垂直翻转 */
	/* #ifndef APP-NVUE */
	-moz-transform: scaleY(-1);
	-webkit-transform: scaleY(-1);
	-o-transform: scaleY(-1);
	/* #endif */
	transform: scaleY(-1);
	/*IE*/
	/* #ifndef APP-NVUE */
	filter: FlipV;
	/* #endif */
}

.uy-mask-layer {
	/* 遮罩层 */
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.5;
	position: fixed;
	z-index: 98;
	top: 0;
	left: 0;
	overflow: hidden;
}

// 弹性布局
.uy-flex {
	display: flex !important;
	/* #ifdef APP-NVUE */
	flex-direction: row !important;
	/* #endif */
	align-items: center;
}

.u-flex-shrink {
	flex-shrink: 0;
}

.uy-flex-between {
	justify-content: space-between;
}

.uy-flex-around {
	justify-content: space-around;
}

.uy-flex-wrap {
	flex-wrap: wrap !important;
}

/* #ifndef APP-NVUE */
.uy-flex-initial {
	align-items: initial;
}
/* #endif */

.uy-flex-items {
	align-items: center;
}

.uy-flex-center {
	justify-content: center;
}

/* #ifndef APP-NVUE */
.uy-flex-inline {
	display: inline-block;
}
/* #endif */

.uy-flex-block {
	/* #ifndef APP-NVUE */
	display: block;
	/* #endif */
}

/* #ifndef APP-NVUE */
.uy-flex-space {
	white-space: nowrap;
}
/* #endif */

/* #ifndef APP-NVUE */
.uy-flex-top {
	vertical-align:top;
}
/* #endif */

/* #ifndef APP-NVUE */
@each $start, $long in s flex-start, e flex-end, y space-evenly, h stretch {
	.uy-flex-#{$start} {
		justify-content: $long;
	}
}
/* #endif */

@for $i from 0 through 10 {
	// 结果如: uy-flex-1
	.uy-flex-#{$i} {
		flex: $i;
	}
}

// 盒子固定
.uy-fixed {
	position: fixed;
}

// 盒子层级
@for $i from 0 through 999 {
	.z-index-#{$i} {
		z-index: $i !important;
	}
}

// 定位
.uy-relative, .uy-rel { // 相对定位
	position: relative;
}

.uy-absolute, .uy-abs { // 绝对定位
	position: absolute;
}

// 定义 top  left  right  bottom
@for $i from 0 through 200 {
	// uy-t-0  uy-top-0  在相对盒子范围内
	.uy-t-#{$i}, .uy-top-#{$i} {
		top: $i + rpx!important;
	}
	
	// uy-t--5  uy-top--5  超出相对盒子范围
	.uy-t--#{$i}, .uy-top--#{$i} {
		top: - + $i + rpx!important;
	}
	
	.uy-b-#{$i}, .uy-bottom-#{$i} {
		bottom: $i + rpx!important;
	}
	
	.uy-b--#{$i}, .uy-bottom--#{$i} {
		bottom: - + $i + rpx!important;
	}
	
	.uy-l-#{$i}, .uy-left-#{$i} {
		left: $i + rpx!important;
	}
	
	.uy-l--#{$i}, .uy-left--#{$i} {
		left: - + $i + rpx!important;
	}
	
	.uy-r-#{$i}, .uy-right-#{$i} {
		right: $i + rpx!important;
	}
	
	.uy-r--#{$i}, .uy-right--#{$i} {
		right: - + $i + rpx!important;
	}
}

// 定义内外边距
@for $i from 0 through 300 {
	// 只要双数和能被5除尽的数
	@if $i % 2 == 0 or $i % 5 == 0 {
		// 得出：uy-margin-30或者uy-m-30
		.uy-margin-#{$i}, .uy-m-#{$i} {
			margin: $i + rpx!important;
		}
		
		// 缩写版，结果如： uy-m-x-30
		// 完整版，结果如：uy-margin-x-30
		.uy-m-x-#{$i}, .uy-margin-x-#{$i} {
			margin: 0 $i + rpx 0 $i + rpx !important;
		}
		
		// 缩写版，结果如： uy-m-y-30
		// 完整版，结果如：uy-margin-y-30
		.uy-m-y-#{$i}, .uy-margin-y-#{$i} {
			margin: $i + rpx 0 $i + rpx 0 !important;
		}
		
		// 得出：uy-padding-30或者uy-p-30
		.uy-padding-#{$i}, .uy-p-#{$i} {
			padding: $i + rpx!important;
		}
		
		// 缩写版，结果如： uy-p-x-30
		// 完整版，结果如：uy-padding-x-30
		.uy-p-x-#{$i}, .uy-padding-x-#{$i} {
			padding: 0 $i + rpx 0 $i + rpx !important;
		}
		
		// 缩写版，结果如： uy-p-y-30
		// 完整版，结果如：uy-padding-y-30
		.uy-p-y-#{$i}, .uy-padding-y-#{$i} {
			padding: $i + rpx 0 $i + rpx 0 !important;
		}
		
		@each $short, $long in l left, t top, r right, b bottom {
			// 缩写版，结果如： uy-m-l-30
			// 定义外边距
			.uy-m-#{$short}-#{$i} {
				margin-#{$long}: $i + rpx!important;
			}
			
			.uy-m--#{$short}-#{$i} {
				margin-#{$long}: - + $i + rpx!important;
			}
			
			// 定义内边距
			.uy-p-#{$short}-#{$i} {
				padding-#{$long}: $i + rpx!important;
			}
			
			// 完整版，结果如：uy-margin-left-30
			// 定义外边距
			.uy-margin-#{$long}-#{$i} {
				margin-#{$long}: $i + rpx!important;
			}
			
			// 定义内边距
			.uy-padding-#{$long}-#{$i} {
				padding-#{$long}: $i + rpx!important;
			}
		}
	}
}

// 外边距居中
/* #ifndef APP-NVUE */
.uy-m-a, .uy-m-auto {
	margin: auto
}
/* #endif */

// 定义外间距最后一个为0
@each $short, $long in l left, r right, t top, b bottom {
	.uy-m-l-#{$short}:last-child {
		margin-#{$long}: 0 !important;
	}
	
	.uy-br-#{$short}:last-child {
		border-#{$long}: 0 !important;
	}
}

// 定义外间距第一个为0
@each $short, $long in l left, r right, t top, b bottom {
	.uy-m-f-#{$short}:first-child {
		margin-#{$long}: 0 !important;
	}
}

// 定义圆角border-radius
@for $i from 0 through 100 {
	// 只要双数和能被5除尽的数
	@if $i % 2 == 0 or $i % 5 == 0 {
		// 得出：uy-border-radius-30或者uy-b-r-30
		.uy-border-radius-#{$i}, .uy-b-r-#{$i} {
			border-radius: $i + rpx!important;
		}
		
		.uy-border-radius-p-#{$i}, .uy-b-r-p-#{$i} {
			border-radius: #{$i}%!important;
		}
		
		/* #ifndef APP-NVUE */
		@each $short, $long in l left, t top, r right, b bottom {
			// 缩写版，结果如： uy-b-r-t-30/uy-b-r-t-30
			// 定义top圆角
			.uy-b-r-t-#{$i} {
				border-top-#{$long}-radius: $i + rpx!important;
				border-top-#{$long}-radius: $i + rpx!important;
			}
			
			// 完整版，结果如：uy-b-r-b-30/uy-b-r-b-30
			// 定义bottom圆角
			.uy-b-r-b-#{$i} {
				border-bottom-#{$long}-radius: $i + rpx!important;
				border-bottom-#{$long}-radius: $i + rpx!important;
			}
			
			// 缩写版，结果如： uy-b-r-t-l-30/uy-b-r-t-r-30
			// 定义top-left, top-right圆角
			.uy-b-r-t-#{$short}-#{$i} {
				border-top-#{$long}-radius: $i + rpx!important;
				border-top-#{$long}-radius: $i + rpx!important;
			}
			
			// 完整版，结果如：uy-b-r-b-l-30/uy-b-r-b-r-30
			// 定义bottom-left, bottom-right圆角
			.uy-b-r-b-#{$short}-#{$i} {
				border-bottom-#{$long}-radius: $i + rpx!important;
				border-bottom-#{$long}-radius: $i + rpx!important;
			}
		}
		/* #endif */
	}
}

// 定义宽度
@for $i from 0 through 750 {
	.uy-w-#{$i}, .uy-width-#{$i} {
		width: $i+rpx!important;
	}
	
	/* #ifndef APP-NVUE */
	.uy-min-w-#{$i}, .uy-min-width-#{$i} { // 最小高度
		min-width: $i+rpx!important;
	}
	
	.uy-max-w-#{$i}, .uy-max-width-#{$i} { // 最大高度
		max-width: $i+rpx!important;
	}
	/* #endif */
}

/* #ifndef APP-NVUE */
.uy-w-m {
	width: max-content;
}

.uy-h-m {
	height: max-content;
}
/* #endif */

/* #ifndef APP-NVUE */
.uy-h-i {
	height: inherit;
}
/* #endif */

// 定义宽度百分比
@for $i from 0 through 100 {
	.uy-w-p-#{$i}, .uy-width-p-#{$i} {
		width: #{$i}%!important;
	}
}

// 定义高度  垂直高度  最小高度  最大高度
@for $i from 0 through 1000 {
	.uy-h-#{$i}, .uy-height-#{$i} { // 高度
		height: $i+rpx!important;
	}
	
	.uy-l-h-#{$i}, .uy-line-height-#{i} { // 垂直高度
		line-height: $i+rpx!important;
	}
	
	/* #ifndef APP-NVUE */
	.uy-min-h-#{$i}, .uy-min-height-#{$i} { // 最小高度
		min-height: $i+rpx!important;
	}
	
	.uy-max-h-#{$i}, .uy-max-height-#{$i} { // 最大高度
		max-height: $i+rpx!important;
	}
	/* #endif */
}

// 定义高度百分比
@for $i from 0 through 100 {
	.uy-h-p-#{$i}, .uy-height-p-#{$i} {
		height: #{$i}%!important;
	}
}

// 定义旋转角度
@for $i from 0 through 360 {
	.uy-rotate-#{$i} {
		transform: rotate(#{$i}deg);
	}
}

// 底部安全距离
/* #ifndef APP-NVUE */
.uy-bottom {
	bottom: var(--window-bottom);
	padding-bottom: constant(safe-area-inset-bottom); /* 兼容IOS 设备 */
	padding-bottom: env(safe-area-inset-bottom); /* 兼容IPhone X 及以上设备 */
}
/* #endif */

// 去除button的所有默认样式，让其表现跟普通的view、text元素一样
.uy-reset-button {
	padding: 0;
	background-color: transparent;
	/* #ifndef APP-PLUS */
	font-size: inherit;
	line-height: inherit;
	color: inherit;
	/* #endif */
	/* #ifdef APP-NVUE */
	border-width: 0;
	/* #endif */
}

/* #ifndef APP-NVUE */
.uy-reset-button::after {
   border: none;
}
/* #endif */

/* ------------------------------------------------- 文本 --------------------------------------- */

// 定义字体大小
@for $i from 0 through 100 {
	.uy-font-#{$i} {
		font-size: $i + rpx!important;
	}
}

// 定义字重
.uy-font-w, .uy-font-weight {
	font-weight: bold !important;
}

.uy-font-n, .uy-font-normal {
	font-weight: normal !important;
}

// 定义控制文本显示行数
// @for $i from 0 through 10 {
// 	.uy-text-hidden-#{$i} {
// 		text-overflow: -o-ellipsis-lastline;
// 		overflow: hidden;
// 		text-overflow: ellipsis;
// 		display: -webkit-box;
// 		-webkit-line-clamp: $i;
// 		line-clamp: $i;
// 		-webkit-box-orient: vertical;
// 		white-space: normal;
// 	}
// }
// 超出行数，自动显示行尾省略号，最多5行
@for $i from 1 through 5 {
	.uy-line-#{$i} {
		/* #ifdef APP-NVUE */
		// nvue下，可以直接使用lines属性，这是weex特有样式
		lines: $i;
		text-overflow: ellipsis;
		overflow: hidden;
		flex: 1;
		/* #endif */

		/* #ifndef APP-NVUE */
		// vue下，单行和多行显示省略号需要单独处理
		@if $i == '1' {
			overflow: hidden;
			white-space: nowrap;
			text-overflow: ellipsis;
		} @else {
			display: -webkit-box!important;
			overflow: hidden;
			text-overflow: ellipsis;
			word-break: break-all;
			-webkit-line-clamp: $i;
			-webkit-box-orient: vertical!important;
		}
		/* #endif */
	}
}

// 文本删除线
.uy-text-del {
	text-decoration: line-through;
}

// 超出隐藏
.uy-hidden {
	overflow: hidden;
}

// 定义文本显示方向
@each $start, $long in l left, r right, c center {
	.uy-text-#{$start} {
		text-align: $long !important;
	}
}

/* ------------------------------------------------- 动画 --------------------------------------- */

/* #ifndef APP-NVUE */
.uy-animation-from-top-to-bottom {
	/* 从上至下动画效果 */
	-webkit-animation: fadeInDown .3s;
	animation: fadeInDown .3s;
}
/* #endif */

@keyframes fadeInDown {
	0% {
		-webkit-transform: translate3d(0, -20%, 0);
		-webkit-transform: translate3d(0, -20%, 0);
		transform: translate3d(0, -20%, 0);
		transform: translate3d(0, -20%, 0);
		opacity: 0;
	}

	100% {
		-webkit-transform: none;
		transform: none;
		opacity: 1;
	}
}

@-webkit-keyframes fadeInDown {
	0% {
		-webkit-transform: translate3d(0, -20%, 0);
		opacity: 0;
	}

	100% {
		-webkit-transform: none;
		opacity: 1;
	}
}

/* #ifndef APP-NVUE */
.uy-from-the-bottom {
	/* 从下至上动画效果 */
	-webkit-animation: fadelogIn .4s;
	animation: fadelogIn .4s;
}
/* #endif */

@keyframes fadelogIn {
	0% {
		-webkit-transform: translate3d(0, 100%, 0);
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}

	100% {
		-webkit-transform: none;
		transform: none;
	}
}

@-webkit-keyframes fadelogIn {
	0% {
		-webkit-transform: translate3d(0, 100%, 0);
	}

	100% {
		-webkit-transform: none;
	}
}

/* #ifndef APP-NVUE */
.uy-dextrosinistral {
	/* 从右向左动画效果 */
	-webkit-animation: fadeleftIn .4s;
	animation: fadeleftIn .4s;
}
/* #endif */

@keyframes fadeleftIn {
	0% {
		-webkit-transform: translate3d(100%, 0, 0);
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
	}

	100% {
		-webkit-transform: none;
		transform: none;
	}
}

@-webkit-keyframes fadeleftIn {
	0% {
		-webkit-transform: translate3d(100%, 0, 0);
	}

	100% {
		-webkit-transform: none;
	}
}

/* #ifndef APP-NVUE */
.uy-fade-in {
	/* 淡入缩放效果 */
	-webkit-animation: fade-in .3s ease;
	animation: fade-in .2s ease;
	-webkit-animation-name: fade-in;
	animation-name: fade-in;
}
/* #endif */

@keyframes fade-in {
	0% {
		-webkit-transform: scale3d(0, 0, 0);
		transform: scale3d(0.5, 0.5, 0.5);
		opacity: 0;
	}

	50% {
		-webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
		animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
	}

	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
		-webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
		animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
		opacity: 1;
	}
}

@-webkit-keyframes fade-in {
	0% {
		-webkit-transform: scale3d(0, 0, 0);
		transform: scale3d(0.5, 0.5, 0.5);
		opacity: 0;
	}

	50% {
		-webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
		animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
	}

	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
		-webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
		animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
		opacity: 1;
	}
}

/* #ifndef APP-NVUE */
.uy-timingzoom {
	/* 定时缩放 */
	animation-name: likes; // 动画名称
	animation-direction: alternate; // 动画在奇数次（1、3、5...）正向播放，在偶数（2、4、6...）反向播放
	animation-timing-function: linear;
	animation-delay: 4s;
	animation-iteration-count: infinite;
	animation-duration: 4s;
}
/* #endif */


@keyframes likes {
	0% {
		transform: scale(1);
	}

	25% {
		transform: scale(1);
	}

	50% {
		transform: scale(1);
	}

	75% {
		transform: scale(1);
	}

	92% {
		transform: scale(1);
	}

	96% {
		transform: scale(0.9);
	}

	100% {
		transform: scale(1);
	}
}

/* #ifndef APP-NVUE */
.uy-timinginfinitezoom {
	/* 定时无限缩放 */
	animation-name: likeszoom; // 动画名称
	animation-direction: alternate; // 动画在奇数次（1、3、5...）正向播放，在偶数（2、4、6...）反向播放
	animation-timing-function: linear;
	animation-delay: 0.5s;
	animation-iteration-count: infinite;
	animation-duration: 1s;
}
/* #endif */

@keyframes likeszoom {
	0% {
		transform: scale(1);
	}

	25% {
		transform: scale(0.9);
	}

	50% {
		transform: scale(0.85);
	}

	75% {
		transform: scale(0.9);
	}

	100% {
		transform: scale(1);
	}
}

/* #ifndef APP-NVUE */
.uy-timingxy {
	/* 定时从下至上动画 */
	animation-name: updown; // 动画名称
	animation-direction: alternate; // 动画在奇数次（1、3、5...）正向播放，在偶数（2、4、6...）反向播放
	animation-timing-function: linear;
	animation-delay: 3s;
	animation-iteration-count: infinite;
	animation-duration: 4s;
}
/* #endif */

@keyframes updown {
	0% {
		transform: translateY(0);
	}
	
	25% {
		transform: translateY(0);
	}
	
	50% {
		transform: translateY(0);
	}
	
	75% {
		transform: translateY(0);
	}
	
	92% {
		transform: translateY(0);
	}
	
	96% {
		transform: translateY(-5px);
	}
	
	100% {
		transform: translateY(0);
	}
}

